/* assets/css/pages/projects.css */

.projects-titan-heavy {
    background: #000000 !important;
    padding: 120px 0;
    min-height: 100vh;
    color: #ffffff;
    font-family: 'JetBrains Mono', monospace;
}

.project-wrap { max-width: 1400px; margin: 0 auto; padding: 0 40px; }

/* Header Styling */
.p-header { margin-bottom: 80px; }
.p-meta { font-size: 0.7rem; color: #8b2cf5; letter-spacing: 4px; margin-bottom: 20px; font-weight: bold; }
.p-title { font-size: clamp(3rem, 10vw, 5.5rem); font-weight: 900; letter-spacing: -5px; margin: 0; line-height: 1; }
.p-glow { text-shadow: 0 0 40px rgba(139, 44, 245, 0.4); }
.p-subtitle { font-size: 1.1rem; color: rgba(255, 255, 255, 0.4); margin-top: 25px; letter-spacing: 1px; }

/* Strategy Matrix */
.strategy-matrix {
    display: flex; gap: 60px; margin-bottom: 100px; padding-bottom: 60px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sm-item { flex: 1; }
.sm-label { font-size: 0.65rem; color: #8b2cf5; letter-spacing: 3px; font-weight: bold; display: block; margin-bottom: 15px; }
.sm-item h3 { font-size: 1.3rem; margin-bottom: 15px; color: #fff; letter-spacing: 1px; }
.sm-item p { font-size: 0.95rem; color: rgba(255,255,255,0.5); line-height: 1.8; }

/* Grid System */
.titan-detailed-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns for heavy content legibility */
    gap: 40px;
}

.pb-item {
    background: #050505; 
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 50px;
    transition: 0.5s ease;
}

.pb-item:hover {
    border-color: rgba(139, 44, 245, 0.4);
    transform: translateY(-10px);
}

.pb-id { font-size: 0.6rem; color: rgba(255,255,255,0.25); display: block; margin-bottom: 30px; letter-spacing: 3px; }
.pb-name { font-size: 1.5rem; margin-bottom: 25px; color: #fff; line-height: 1.3; font-weight: bold; letter-spacing: -0.5px; }
.pb-desc { font-size: 1rem; color: rgba(255,255,255,0.5); line-height: 1.8; margin-bottom: 35px; }
.pb-meta { font-size: 0.65rem; color: #8b2cf5; font-weight: bold; letter-spacing: 2px; line-height: 1.5; }

/* Hover Effects */
.accent-red:hover { border-bottom: 4px solid #ff003c; }
.accent-purple:hover { border-bottom: 4px solid #8b2cf5; }
.accent-green:hover { border-bottom: 4px solid #00ff9c; }

/* Responsive */
@media (max-width: 1024px) { .titan-detailed-grid { grid-template-columns: 1fr; } .strategy-matrix { flex-direction: column; } }